/**/
.p-0-4{padding: 8rpx;}
.p-1-1{padding: 12rpx;}
.p-1-3{padding: 16rpx;}
.p-2-2{padding: 24rpx;}
.p-3-1{padding: 32rpx;}
//
.py-0-2{padding-top:4rpx;padding-bottom: 4rpx;}
.py-0-4{padding-top:8rpx;padding-bottom: 8rpx;}
.py-1{padding-top:10rpx;padding-bottom: 10rpx;}
.py-1-1{padding-top:12rpx;padding-bottom: 12rpx;}
.py-1-3{padding-top:16rpx;padding-bottom: 16rpx;}
.py-2{padding-top:20rpx;padding-bottom: 20rpx;}
.py-2-2{padding-top:24rpx;padding-bottom: 24rpx;}
.py-2-3{padding-top:26rpx;padding-bottom: 26rpx;}
.py-3{padding-top:30rpx;padding-bottom: 30rpx;}
.py-3-1{padding-top:32rpx;padding-bottom: 32rpx;}
.py-3-3{padding-top:36rpx;padding-bottom: 36rpx;}
.py-4{padding-top:40rpx;padding-bottom: 40rpx;}
.py-5{padding-top:50rpx;padding-bottom: 50rpx;}
.py-6-2{padding-top:64rpx;padding-bottom: 64rpx;}
.py-6-4{padding-top:68rpx;padding-bottom: 68rpx;}
.py-8{padding-top:80rpx;padding-bottom: 80rpx;}
//
.px-0-3{padding-left:8rpx;padding-right: 8rpx;}
.px-1{padding-left:10rpx;padding-right: 10rpx;}
.px-1-1{padding-left:12rpx;padding-right: 12rpx;}
.px-1-3{padding-left:16rpx;padding-right: 16rpx;}
.px-2{padding-left:20rpx;padding-right: 20rpx;}
.px-2-1{padding-left:22rpx;padding-right: 22rpx;}
.px-2-2{padding-left: 24rpx;padding-right: 24rpx;}
.px-3{padding-left:30rpx;padding-right: 30rpx;}
.px-3-1{padding-left:32rpx;padding-right: 32rpx;}
.px-4{padding-left:40rpx;padding-right: 40rpx;}
.px-4-4{padding-left:48rpx;padding-right: 48rpx;}
.px-5{padding-left:50rpx;padding-right: 50rpx;}
.px-5-4{padding-left:58rpx;padding-right: 58rpx;}
.px-6{padding-left:60rpx;padding-right: 60rpx;}
.px-10{padding-left: 100rpx;padding-right: 100rpx;}
/**/
.pl-1{padding-left: 10rpx}
.pl-1-3{padding-left: 16rpx;}
.pl-2-2{padding-left: 22rpx;}
.pl-3{padding-left: 30rpx;}
.pl-3-1{padding-left: 32rpx;}
.pl-3-2{padding-left: 34rpx;}
.pl-4{padding-left: 40rpx;}
.pl-5{padding-left: 50rpx;}
.pl-10{padding-left: 100rpx;}
/**/
.pr-1{padding-right: 10rpx;}
.pr-1-3{padding-right: 16rpx}
.pr-3-1{padding-right: 32rpx;}
.pr-5{padding-right: 50rpx;}
.pr-5-3{padding-right: 56rpx;}
/**/
.pt-0{padding-top: 0;}
.pt-0-3{padding-top: 8rpx;}
.pt-1-3{padding-top: 16rpx;}
.pt-2-2{padding-top: 24rpx;}
.pt-3-1{padding-top:32rpx;}
.pt-6-2{padding-top:64rpx;}
.pt-8{padding-top:80rpx;}
.pt-9{padding-top:90rpx;}
.pt-10{padding-top:100rpx;}
/**/
.pb-1{padding-bottom: 10rpx}
.pb-1-1{padding-bottom: 12rpx}
.pb-1-2{padding-bottom: 14rpx}
.pb-1-3{padding-bottom: 16rpx}
.pb-2-2{padding-bottom: 24rpx;}
.pb-3{padding-bottom: 30rpx;}
.pb-3-1{padding-bottom:32rpx;}
.pb-4{padding-bottom: 40rpx;}
.pb-5{padding-bottom: 50rpx;}
.pb-6{padding-bottom: 60rpx;}
.pb-6-2{padding-bottom: 64rpx;}
.pb-7-3{padding-bottom:76rpx;}
.pb-9{padding-bottom:90rpx;}
/**/
.mx-0-3{margin-left: 8rpx;margin-right: 8rpx;}
.mx-1{margin-left: 10rpx;margin-right: 10rpx;}
.mx-1-3{margin-left: 16rpx;margin-right: 16rpx;}
.mx-2{margin-left: 20rpx;margin-right: 20rpx;}
.mx-2-2{margin-left: 24rpx;margin-right: 24rpx;}
.mx-3{margin-left: 30rpx;margin-right: 30rpx;}
.mx-3-1{margin-left: 32rpx;margin-right: 32rpx;}
.mx-5-3{margin-left: 56rpx;margin-right: 56rpx;}
.mx-auto{margin-left: auto;margin-right: auto;}
//
.my-1{margin-top: 10rpx;margin-bottom: 10rpx;}
.my-2{margin-top: 20rpx;margin-bottom: 20rpx;}
/**/
.mt-0-4{margin-top: 8rpx;}
.mt-1{margin-top:10rpx;}
.mt-0-3{margin-top:6rpx;}
.mt-1-3{margin-top:16rpx;}
.mt-2{margin-top:20rpx;}
.mt-2-2{margin-top:24rpx;}
.-mt-2-2{margin-top:-24rpx;}
.mt-3{margin-top:30rpx;}
.mt-3-1{margin-top:32rpx;}
.mt-3-4{margin-top:38rpx;}
.mt-4{margin-top:40rpx;}
.mt-4-4{margin-top: 48rpx;}
.mt-5{margin-top:50rpx;}
.mt-5-2{margin-top:54rpx;}
.mt-6-2{margin-top:64rpx;}
.-mt-6-2{margin-top:-64rpx;}
.mt-7-3{margin-top:76rpx;}
.mt-8{margin-top: 80rpx;}
.mt-9{margin-top:90rpx;}
.mt-9-2{margin-top: 94rpx;}
.mt-12{margin-top: 120rpx;}
/**/
.mb-0-4{margin-bottom: 8rpx;}
.mb-1{margin-bottom: 10rpx;}
.mb-1-3{margin-bottom: 16rpx;}
.-mb-1-3{margin-bottom: -16rpx;}
.mb-2{margin-bottom: 20rpx;}
.mb-2-2{margin-bottom: 24rpx;}
.mb-2-4{margin-bottom:28rpx;}
.mb-3{margin-bottom: 30rpx;}
.mb-3-1{margin-bottom: 32rpx;}
.-mb-3-1{margin-bottom: -32rpx;}
.mb-4{margin-bottom: 40rpx;}
.mb-4-2{margin-bottom: 44rpx;}
.mb-9{margin-bottom: 90rpx;}
//
.ml-1{margin-left: 10rpx;}
.ml-1-3{margin-left: 16rpx;}
.ml-2-2{margin-left: 24rpx;}
.ml-3-1{margin-left: 32rpx;}
.ml-7-3{margin-left: 76rpx;}
.ml-14{margin-left: 140rpx;}
//
.mr-0-3{margin-right: 6rpx;}
.mr-1{margin-right: 10rpx;}
.mr-1-1{margin-right: 12rpx;}
.mr-1-3{margin-right: 16rpx;}
.-mr-1-3{margin-right: -16rpx;}
.mr-2{margin-right: 20rpx;}
.mr-2-2{margin-right: 24rpx;}
.-mr-2-2{margin-right: -24rpx;}
.mr-3{margin-right: 30rpx;}
.mr-3-1{margin-right: 32rpx;}
.mr-3-4{margin-right: 38rpx;}
.mr-4{margin-right: 40rpx;}
.mr-4-4{margin-right: 48rpx;}
.mr-5{margin-right: 50rpx;}
.mr-5-3{margin-right: 56rpx;}
.mr-6{margin-right: 60rpx;}
/**/
.w-min{width: 1px;}
.w-2-2{width: 24rpx;}
.w-3-3{width: 36rpx;}
.w-4{width:40rpx}
.w-4-2{width: 44rpx;}
.w-4-4{width: 48rpx}
.w-5{width: 50rpx;}
.w-6{width: 60rpx;}
.w-7-1{width: 72rpx;}
.w-8{width: 80rpx;}
.w-8-4{width: 88rpx;}
.w-10{width: 100rpx;}
.w-11{width: 110rpx;}
.w-12{width: 120rpx;}
.w-12-4{width: 128rpx;}
.w-13-3{width: 136rpx;}
.w-14{width: 140rpx;}
.w-22{width: 220rpx;}
.w-40{width: 400rpx;}
.w-44{width: 440rpx;}
.w-80{width: 800rpx;}
.w-full{width: 100%;}
.w-p-90{width: 90%;}
.w-p-80{width: 80%;}
.w-p-33{width: 33.333333%;}
.w-p-25{width: 25%;}
.w-p-50{width: 50%;}
/**/
.h-min{height: 1px;}
.h-0-1{height: 2rpx;}
.h-0-2{height: 4rpx;}
.h-2-2{height: 24rpx;}
.h-2-4{height: 28rpx;}
.h-3{height: 30rpx;}
.h-3-1{height: 32rpx;}
.h-3-3{height: 36rpx;}
.h-4{height:40rpx}
.h-4-4{height: 48rpx}
.h-5{height: 50rpx;}
.h-6{height: 60rpx}
.h-4-2{height: 44rpx;}
.h-7-1{height: 72rpx;}
.h-8{height: 80rpx;}
.h-8-4{height: 88rpx;}
.h-10{height: 100rpx;}
.h-11{height: 110rpx;}
.h-12-4{height: 128rpx;}
.h-13-3{height: 136rpx}
.h-22{height: 220rpx;}
.h-full{height: 100%;}
//
.text-center{text-align: center;}
//flex
.flex{display: flex;}
.flex-1{flex:1;}
.row-center{display: flex;flex-direction: row;align-items: center;}
.row-content-center{display: flex;flex-direction: row;justify-content: center;}
.flex-col-reverse{flex-direction: column-reverse;}
.flex-row-reverse{flex-direction: row-reverse;}
.column-center{display: flex;flex-direction: column;align-items: center;}
.flex-wrap{flex-wrap: wrap;}
.justify-around{justify-content: space-around;}
.justify-between{justify-content: space-between;}
.justify-end{justify-content: flex-end;}
.items-center{align-items: center;}
.items-stretch{align-items: stretch;}
.items-start{align-items: flex-start;}
.items-end{align-items: flex-end}
.self-center{align-self: center;}
.self-end{align-self: flex-end;}
.content-center{justify-content: center;}
.flex-center{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.row-wrap{display: flex;flex-direction: row;flex-wrap: wrap;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
//
.border{
	border-width: 1px;
	border-style: solid;
}
.border-b{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.border-t{
	border-top-width: 1px;
	border-top-style: solid;
}
.border-l{
	border-left-width: 1px;
	border-left-style: solid;
}
.border-r{
	border-right-width: 1px;
	border-right-style: solid;
}
.border-0{
	border-width: 0;
}
.border-b-0{border-bottom-width: 0;}
//
.rounded-ss{border-radius: 2rpx;}
.rounded-s{border-radius: 4rpx;}
.rounded-n{border-radius: 8rpx;}
.rounded-m{border-radius: 12rpx;}
.rounded-l{border-radius: 16rpx;}
.rounded-xl{border-radius: 20rpx;}
.rounded-xxl{border-radius: 24rpx;}
.rounded-xxxl{border-radius: 36rpx;}
.rounded-full{border-radius: 9999px;}
.rounded-popup{border-radius: 24rpx 24rpx 0 0;}
//
.op-60{opacity: 0.6;}
//text
.font-semibold{font-weight: 600;}
.text-hide{font-size: 0;}
.text-xs{font-size: 20rpx;}
.text-s{font-size: 24rpx;}//small
.text-xn{font-size: 26rpx;}//比normal小一点
.text-n{font-size: 28rpx;}//normal
.text-m{font-size: 30rpx;}//middle
.text-l{font-size: 32rpx;}//large
.text-title{font-size: 34rpx;}
.text-xl{font-size: 36rpx;}
.text-xxl{font-size: 40rpx;}
.text-xxxl{font-size: 44rpx;}
.text-xxxxl{font-size: 48rpx;}
//
.invisible{visibility: hidden;}
//
.overflow-hidden{overflow: hidden;}
//color
.color-main{color: #333333}
.b-color-main{border-color: #333333;}
.b-color-1{border-color: #cccccc}

.bg-color-1{background-color: #83DCDA;}